/*** 관심공통 ***/
.interest .interGuide{height:44px; line-height:44px; border-bottom:#DADADA 1px solid; font-size:16px; letter-spacing:-1px; padding:0 0 0 11px}
.interest .interGuide:after{content:""; display:block; clear:both;}
.interest .interGuide .curTitle{float:left; font-weight:bold; color:#565960; margin:0 9px 0 0}
.interest .interGuide .guideText{float:left; color:#A4A6AD}
.interest .interBox{display:block; height:100%; box-sizing:border-box; -webkit-box-sizing:border-box; font-weight:bold; position:relative; font-size:16px}

.interest .titleList .interBox{background:url(img/bg_title.png) no-repeat right bottom, -webkit-gradient(linear,0% 0%,0% 100%, from(#8C92A1), to(#757A88)) !important}
.interest .titleList .titlePlace{line-height:18px; padding:5px 0 0 1px; text-shadow:0px 0px 2px rgba(0,0,0,.2)} 
.interest .titleList .guideText{color:#d0d2da}
.interest .titleList .titleText{color:#FFF}
.interest .titleList .numPlace{position:absolute; bottom:11px; left:11px;}
.interest .titleList .readGuide{color:#cbcfda; font-size:13px; font-weight:normal; text-shadow:none}
.interest .titleList .readNum{color:#bff1ff; font-family:Arial; font-size:20px}

/*** 내관심_관심 ***/
.interest .moreList .interBox{background:#D7D7DA -webkit-gradient(linear,0% 0%,0% 100%, from(#DEDFE2), to(#D7D7DA))!important; text-shadow:none !important}
.interest .moreList .moreText{color:#87888a; background:url(img/icon_plus.gif) no-repeat 50% top; padding:22px 0 0 0; text-align:center; font-weight:normal; text-align:center; position: relative; top:50%; margin:-21px 0 0 0; height:18px}

/*** 매거진 ***/
.interest .magaArea{padding:7px 5px 5px 5px}
.interest .magaArea:after{content:""; display:block; clear:both;}
.interest .magaArea .magaList{float:left; width:33.3%; box-sizing:border-box; -webkit-box-sizing:border-box; height:128px; padding:3px; position:relative}
.interest .magaArea .magaList:nth-child(3n){width:33.4%}
.interest .magaArea .interBox{padding:8px 9px 8px 9px; color:#FFF; text-shadow:0px 0px 2px rgba(0,0,0,.2)}
.interest .magaArea .magaText{line-height:17px; word-break:break-all; max-height:68px}
.interest .magaArea .subscript{margin:5px 0 0 0; font-size:14px}
.interest .magaArea .ico_maga{background:url(img/subscript_sp.png) no-repeat; width:13px; height:13px; margin:0 2px 0 0; vertical-align:-1px}
.interest .magaArea .newText{font-family:Arial; font-size:24px; background:rgba(0,0,0,.3); border-radius:22px; width:45px; height:37px; position:absolute; top:50%; left:50%; margin:-22px 0 0 -22px; text-align:center; padding:8px 0 0 0}
.interest .magaArea .magaThumb{position:absolute; bottom:3px; right:3px; z-index:10}
.interest .magaArea .magaList:nth-child(5n+2) .interBox{background:#FFDB31 -webkit-gradient(linear,0% 0%,0% 100%, from(#FEE14E), to(#FFDB31))}
.interest .magaArea .magaList:nth-child(5n+2) .ico_maga{background-position:-40px 0}
.interest .magaArea .magaList:nth-child(5n+3) .interBox{background:#7DD8CF -webkit-gradient(linear,0% 0%,0% 100%, from(#7FE8DD), to(#7DD8CF))}
.interest .magaArea .magaList:nth-child(5n+3) .ico_maga{background-position:0 -20px}
.interest .magaArea .magaList:nth-child(5n+4) .interBox{background:#19D1FF -webkit-gradient(linear,0% 0%,0% 100%, from(#59DBFF), to(#19D1FF))}
.interest .magaArea .magaList:nth-child(5n+4) .ico_maga{background-position:-20px 0}
.interest .magaArea .magaList:nth-child(5n+5) .interBox{background:#9DB3F3 -webkit-gradient(linear,0% 0%,0% 100%, from(#ACC0FB), to(#9DB3F3))}
.interest .magaArea .magaList:nth-child(5n+5) .ico_maga{background-position:-20px -20px}
.interest .magaArea .magaList:nth-child(5n+6) .interBox{background:#9EA7B8 -webkit-gradient(linear,0% 0%,0% 100%, from(#A8AFC3), to(#9EA7B8))}
.interest .magaArea .magaList:nth-child(5n+6) .ico_maga{background-position:0 0}

/*** 관심태그 ***/
.interest .interTagArea{padding:4px 5px 6px 5px; background:#F0F0F2}
.interest .interTagArea:after{content:""; display:block; clear:both;}
.interest .interTagArea .interList{float:left; width:33.3%; box-sizing:border-box; -webkit-box-sizing:border-box; height:103px; position:relative; padding:3px}
.interest .interTagArea .titlePlace{padding-top:0px}
.interest .interTagArea .interBox{padding:12px 11px 12px 11px; background:#F5F5F9 -webkit-gradient(linear,0% 0%,0% 100%, from(#FFF), to(#F5F5F9))}
.interest .interTagArea .interBox:after{content:""; display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; box-sizing:border-box; -webkit-box-sizing:border-box}
.interest .interTagArea .interText{color:#393842; line-height:17px; word-break:break-all; max-height:51px}
.interest .interTagArea .ico_inter{background:url(img/interTag_sp.png) no-repeat; width:16px; height:16px; position:absolute; bottom:8px; right:9px}
.interest .interTagArea .minus .interBox:after{border:1px solid #C3C3C3}
.interest .interTagArea .plus .interBox:after{border:1px solid #CFCFCF}
.interest .interTagArea .minus .ico_inter{background-position:0 0}
.interest .interTagArea .plus .ico_inter{background-position:-20px 0} 

/*** 내관심_사람 ***/
.interest .interGuide .followText{color:#9194a1; letter-spacing:0px}
.interest .interGuide .followNum{font-family:Arial; font-weight:bold; color:#80869e; margin:0 0 0 8px}
.interest .interGuide .barText{color:#EBEBEB; margin:0 4px; vertical-align:1px}
.interest .interGuide .followOn{color:#565960; font-weight:bold}
.interest .interGuide .followOn .followNum{color:#ff6c00}

.interest .followArea{}
.interest .followArea .followList{position:relative; height:74px; border-bottom:#E3E3E3 1px solid}
.interest .followArea .thumbLink{position:absolute; top:17px; left:12px}
.interest .followArea .imgWrapper:after{border-radius:3px}
.interest .followArea .thumb{border-radius:3px}
.interest .followArea .fllContent{padding:17px 100px 0 64px}
.interest .followArea .nameLoc{color:#B9B9B9; display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:100%}
.interest .followArea .nameText{font-size: 16px; color:#2c2c2c; font-weight:bold; margin:0 5px 0 0}
.interest .followArea .medalIcon{margin:0 4px 0 0; vertical-align:-3px}
.interest .followArea .departLoc{font-size: 14px; margin:4px 0 0 0}
.interest .followArea .departText{color:#9194a1; display:inline-block; max-width:62.8%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.interest .followArea .useNum{color:#FF6C00; font-family:Arial; background:url(img/icon_star.gif) no-repeat left top; padding:1px 0 0 20px; margin:0 0 0 6px}
.interest .followArea .fllBtn{position:absolute; top:21px; right:12px; display:inline-block; padding:0 9px; font-size: 14px; color:#3a3a3a; border:#CFCDCD 1px solid; border-bottom:#BBB9B9 1px solid; height:28px; line-height:28px; border-radius:4px; background:#EEE -webkit-gradient(linear,0% 0%,0% 100%, from(#FEFEFE), to(#EEE))}
.interest .followArea .fllBtn:after{content:""; position:absolute; top:0px; left:0px; width:100%; height:100%; box-sizing:border-box; -webkit-box-sizing:border-box; border-left:#FAFAFA 1px solid; border-right:#FAFAFA 1px solid; border-bottom:#F6F6F6 1px solid; border-radius:3px}

/*** 매거진조회 ***/
.interest .magaReadArea{padding:4px 0 0 0}
.interest .magaReadArea .readPlace{height:90px; position:relative; border-top:1px solid transparent; border-bottom:1px solid transparent}
.interest .magaReadArea .thumbLink{position:absolute; top:15px; left:16px}
.interest .magaReadArea .thumbLink .imgWrapper:after{border-radius:3px}
.interest .magaReadArea .thumbLink .thumb{border-radius:3px}
.interest .magaReadArea .readContent{padding:16px 92px 0 66px; color:#FFF; text-shadow:0px 1px 0px RGBA(0, 0, 0,.2); word-break:break-all}
.interest .magaReadArea .readText{font-size:20px; font-weight:bold; line-height:19px}
.interest .magaReadArea .authorText{font-size:13px; margin:6px 0 0 0}
.interest .magaReadArea .followLink{position:absolute; top:19px; right:18px; font-family:Arial; font-weight:bold}
.interest .magaReadArea .subscript{position:absolute; bottom:13px; right:18px; color:#FFF; font-size:17px; font-family:Arial; font-weight:bold; text-shadow:0px 1px 0px RGBA(0, 0, 0,.2)}
.interest .magaReadArea .ico_fll{background:url(img/fll_sp.png) no-repeat; width:16px; height:16px; vertical-align:-3px; margin:0 4px 0 0}
.interest .magaReadArea .fll{background-position:0 0}
.interest .magaReadArea .unfll{background-position:-20px 0}
.interest .magaReadArea .ico_subs{background:url(img/subscriptBig_sp.png) no-repeat; width:14px; height:16px; vertical-align:-3px; margin:0 6px 0 0}
.interest .magaReadArea .gray{background:url(img/bg_magaRead_gray.gif) repeat; border-color:#A2AABD}
.interest .magaReadArea .gray .ico_subs{background-position:0 0}
.interest .magaReadArea .gray .followLink{color:#FFF}
.interest .magaReadArea .purple{background:url(img/bg_magaRead_purple.gif) repeat; border-color:#B8C3E6}
.interest .magaReadArea .purple .ico_subs{background-position:0 -20px}
.interest .magaReadArea .purple .followLink{color:#183163}
.interest .magaReadArea .green{background:url(img/bg_magaRead_green.gif) repeat; border-color:#84DDD4}
.interest .magaReadArea .green .ico_subs{background-position:-20px 0}
.interest .magaReadArea .green .followLink{color:#08545B}
.interest .magaReadArea .yellow{background:url(img/bg_magaRead_yellow.gif) repeat; border-color:#EFDD26}
.interest .magaReadArea .yellow .ico_subs{background-position:-40px 0}
.interest .magaReadArea .yellow .followLink{color:#7C4000}
.interest .magaReadArea .skyblue{background:url(img/bg_magaRead_skyblue.gif) repeat; border-color:#39D6FF}
.interest .magaReadArea .skyblue .ico_subs{background-position:-20px -20px}
.interest .magaReadArea .skyblue .followLink{color:#06456A}

.interest .myTagArea{border-bottom:#c3c3c3 1px solid; padding-bottom:10px}

/*** 관심태그조회 ***/
.interest .tagTitleArea{height:35px; background:#F3F3F5; border-bottom:#E1E1E1 1px solid; padding:11px 12px 0 12px}
.interest .tagTitleArea .tagTitleText{display:inline-block; font-size:14px; color:#FFF; border-radius:11px; border:#878B96 1px solid; height:24px; line-height:23px; box-sizing:border-box; -webkit-box-sizing:border-box; background:#9299AF; padding:0 11px; text-shadow:0px 1px 0px rgba(0,0,0,.28); box-shadow:inset 0px 1px 3px rgba(0,0,0,.1); -webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,.1); max-width:90%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.interest .tagTitleArea .fllBtn{display:inline-block; border:#C3C3C3 1px solid; width:21px; height:21px; background:#FFF; border-radius:11px; text-align:center; vertical-align:top; margin:0 0 0 5px; box-shadow:0px 1px 2px rgba(0,0,0,.1); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,.1)}
.interest .tagTitleArea .fllBtn .ico_fll{background:url(img/icon_follow.gif) no-repeat; width:11px}
.interest .tagTitleArea .fll .ico_fll{height:11px; vertical-align:-2px}
.interest .tagTitleArea .unfll .ico_fll{height:3px; background-position:0 -4px; vertical-align:2px}
